// 顶部导航

.topbar-wrapper{
      width: 100%;
      height: 32px;
      line-height: 32px;
      background-color: #F0F0F0;
    //    内部容器
      .topbar{
            a{
                font-size: 12px;
                color: #333333;
            }
            span{
                font-size: 12px;
            }
           .separate{
               a{
                   color: red;
               }
           }
        //    设置左侧导航样式
           .service{
                li{
                    float: left;
                }
           }

           //设置中间导航
           
           .navigation{
               .beating{
                  position: relative;
                  left: -10px;
                  
                //   设置小三角
                .logo-figure::after{
                    content: '';
                    width: 0;
                    height: 0;
                    border: 8px solid transparent;
                    position: absolute;
                    border-bottom-color: #FF7922;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    top: -235px;
                    margin: auto;
                }
                     .logo-figure{    
                         z-index: 99; 
                         display: none;
                        border-bottom:none;
                        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
                         width: 498px;
                         height: 220px;
                         background: url(../img/1/wk.jpg);
                         background-image: 100% 100%;
                         position: absolute;
                         left: -220px;
                            top:50px;
                         .check-in{
                            width: 498px;
                            height: 90px;
                            background-color: #fff;
                            margin-top: 220px;
                            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
                            border-top:none ;
                            .small{
                                width:230px;
                                height: 50px;
                                background-color: #FF7922;
                                margin: 0 auto;
                                position: relative;
                                border-radius: 0.3cm;
                                top: 20px;
                                  a{
                                      display: block;
                                      font-size: 16px;
                                    color: #FFFFFF;
                                      text-align: center;
                                     line-height: 50px;
                                  }
                            }
                        }
                     }
               }
               position: relative;
               .The-order{
                  width: 75px;
                   height: 32px;;
                   padding-left: 10px;
                   z-index: 999;
                     .top-order a:hover{
                         color: red;
                     }
                    .top-order{
                        z-index: 999;
                        display: none;
                        position: absolute;
                        width: 105px;
                        height: 50px;
                        border: solid 1px #D0CED0;
                        background-color: #FFFFFF;
                     margin-left: -11px;
                     margin-top: -1px;
                        
                    //  display: none;
                        a{
                            display: block;
                          text-align: center;
                          margin-top: 8px;
                        }
                    }
               }
               .help-center{
                  position: relative;
                 left: -15px;
                width: 75px;
                height: 32px;;
                padding-left: 10px;
                z-index: 999;
                .drop-down a:hover{
                    color: red;
                }
                .drop-down{
                    display: none;
                     width: 105px;
                     height: 130px;
                     border: solid 1px #D0CED0;
                     background-color: #fff;
                  margin-left: -11px;
                  margin-top: -2px;
                  a{
                    font-size: 12px;
                    display: block;
                    text-align: center;
                 }
                }
               }
                .Small-icon{
                    color: #D0CED0;
                }
              position: relative;
              left: 200px;
               li{
                   margin: 0 10px;
                   float: left;
               }
           }
              .web-site{
                 z-index: 1000;
                  .framework{   
                      position: absolute;
                      width: 119px;
                      height: 30px;
                      border: 1px solid #D0CED0;
                      left: -1px;
                      border-bottom: none;
                     z-index: 11111;
                  }
                  position: relative;
                  left: -35px;
                    width: 115px;
                    height: 32px;
                    background-color: #fff;
                    padding-left: 5px;
                      .the-underline{
                          display: none;
                          position: absolute;
                           width: 633px;
                           height: 0.5px;
                           margin-left:-638px ;
                           background-color: #D0CED0;
                           border:0.5px solid #D0CED0;
                           border-top: none;
                           border-left: none;
                           border-right: none;
                           top: 31px;
                           z-index: 9999;
                           
                      }
                      .the-framework{                      
                         background-color:#fff;
                          display: none;   

                      //设置特色服务
                      .right-hot a:hover{
                           color: #FF613F;
                      }
                        .right-hot{
                            .rectangle{
                                position: absolute;
                                 width: 5px;
                                 height: 18px;
                                 background-color: #FF613F;
                               top: 9px;
                               left:0px;
                             }
                             p{
                                 margin-left: 12px;
                                 font-weight: bold;
                                   font-size: 18px;
                                   margin-top: 1px;
                             }
                        float: right;
                        width: 268px;
                        height: 300px;
                        position: absolute;
                        left:480px;
                        top:15px;
                           .strict-selection{    
                                              
                               li{
                                    span{
                                        display: flex;
                                       
                                    }
                                    .alternative{
                                        font-weight: bold;
                                    }
                                    .dujinqi{
                                        font-weight: bold;
                                        margin-top: 16px;
                                       
                                    }
                                   a{
                                       font-size: 12px;
                                       margin: 0 5px;
                                   }
                                   
                               }
                           }
                        }
                      position: absolute;
                          //设置热门服务
                          .left-hot a:hover{
                              color: #FF613F;
                          }
                      .left-hot{
                            //设置隔离线
                            .isolate-the{
                                width: 1px;
                                height: 300px;
                                background-color: #EDEDEF;
                                 left: 450px;
                                 position: absolute;
                          }
                          p{
                              margin-left: 40px;
                              font-weight: bold;
                              font-size: 18px;
                              margin-top: 20px;
                          }
                            .rectangle{
                               position: absolute;
                                width: 5px;
                                height: 18px;
                                background-color: #FF613F;
                              top: 8px;
                              left: 25px;
                            }
                          width:370px;
                          height: 325px;
                           position: relative;   
                            .navigation-bar{
                                .away{
                                 margin-left: 40px;
                                }
                               margin-left: 30px;
                               position: absolute;
                                li{
                                     width: 125px;
                                     height:100px;
                                    margin-top: 20px;
                                    span{
                                        display: flex;
                                        font-weight: bold;
                                        a{
                                            font-size: 14px;
                                        }
                                    }  
                                     a{
                                        margin: 0 5px;
                                        font-size: 11px;
                                     }
                                }
                            }

                        }
                         
                          position: absolute;
                          width: 752px;
                          height: 345px;
                          margin-left:-639px ;
                          margin-top: -3px;
                         border: 1px solid #D0CED0;                   
                   box-shadow: 5px 5px 5px  rgba(0, 0, 0, .05);
                       border-top: none;
                      }
              }
        //   右侧导航
        .right-navigation{
            position: relative;
            left: -23px;
                    .spacing{
                        float: right;
                        margin-left: 5px;
                          .digital{
                              font-size: 15px;
                              color: #413c3c;
                          }
                    }
            li{
                float: right;
                i{
                    color: #4A4A4A;
                    font-size: 12px;
                }
            }
        }
      }
}

.sewer{
   z-index: -1;
  position: absolute;
    width:100%;
    height:175px;
    background-color: #fff;
}
//   创建第二导航样式
.second-navigation{
   
    margin-top: 20px;
    width: 100%;
    background-color: #fff;
    .w{
        height: 30px;
        
        z-index:1;
     }
     .second-container{
        .picture{
            background-color: #fff;
            cursor: pointer;
            width: 370px;
            height: 79px;
            background-image: url(../img/2/1logo.png);
            background-size: 100% 100%;
        }
         .middle-cable{
             position: relative;
             float: right; 
             left: -158px;
             top: -80px;
             .prompt{
                 .fu-wu{
                     background-color: #EA5839;
                     color: #fff;
                 }
                 a{
                   position: relative;
                    display: block;
                    width: 50px;
                    height: 20px;
                    color: black;
                    text-align: center;
                     margin: 0 10px;
                     float: left;
                     padding-top: 5px;
                     font-size: 14px;
                 }
             }
         }
           .arketing-promotion{
               input{
                   position: relative;
                   top: -2px;
                   width: 326px;
                   height: 32px;
                   border: 2px solid  #EA5839 ;
                   margin-left: 10px;
                   outline: none;
               }
               .always{   
                   position: relative;   
                   width: 70px;
                   height: 38.5px;
                   left: -5px;
                   background-color: #EA5839 ;
                   border: 3px solid  #EA5839 ;
                   top: -1px;
                   cursor: pointer;
                   color: #FFFFFF;
                   outline: none;
               }
           }
           .or{
              
                span{
                    position: relative;
                    float: right;
                    left: -90px;
                    top: -30px;
                    color: #666666;
                }
           }

           .release{
               float: right;
               position: relative;
               width: 168px;
               height: 33px;
               background-color: #EA5839;
               border: 3px solid  #EA5839 ;
               left:120px;
               top: -41px;
                 a{
                     display: block;
                     text-align: center;
                   line-height: 33px;
                   color: #fff;
                   font-size: 13px;
                 }
           }

           .property-rights a:hover{
            text-decoration: unset;
           color: red;
           text-decoration: underline;
           };
           .property-rights{
               width: 520px;
               height: 50px;
             margin: 0  10px;
             .special{
                 color: #EA5839;
             }
               a{    
                   position: relative;
                   font-size: 11px;
                   margin: 0 10px;
                   color: #BCB5C6;
               }
           }
     }
}

// 左侧导航样式
.left-service{
    background-color: #fff;
    border-bottom: 3px solid #EA5839;
    .left-niv{
        .large{
            left: 488px;
            position: relative;
            float: right;
            width: 210px;
            height: 50px;
            top: -55px;
           background-image: url(../img/3/guanggao.png);
            background-size: 100% 100%;
            cursor: pointer;
        }
        margin-top: 75px;
         .choose-between{
             position: relative;
             left: 80px;
             float: left;
             line-height: 50px;
              .together{
                .recommended{
                    position: absolute;
                     float: left;
                     width: 60px;
                     height: 30px;
                     line-height: 30px;
                     text-align: center;
                     background: url(../img/3/index.png);
                  background-size: 100% 100%;
                  color: red;
                   top: -13px;
                   left: 15px;
                   font-size: 11px;
                 }
                  .sigh{
                      color: #E3E3E3;
                  }
                  a{
                      color: #000;
                    margin: 0 10px;
                    font-size: 13px;
                  }
                  .make-color{
                      color: red;
                      font-weight: bold;
                  }
              }
         }
          .classification{
              position: relative;
              float: left;
              width: 200px;
              height: 50px;
            left: 15px;
              background-color: #EA5839;
               .rectangular{
                   width: 16px;
                   height: 14px;
                  background-image: url(../img/3/2rectangular.png);
                   float: right;
                   position: relative;
                   top: -32px;
                   left: -10px;
               }
              .middle{
                  margin-left: 10px;
                  width: 80px;
                  height: 50px;
                  span{
                      display: block;
                    text-align: center;
                    line-height: 45px;
                    color: #fff;
                  }
              }
          }
    }
    .w{ 

        height: 50px;
    }
}
 
 //设置广告位背景
.guanggaowei{
     position: absolute;
     display: block;
     width: 100%;
     min-width: 1190px;
     overflow: hidden;
   z-index: -2;
      a{
         width: 2000px;
         position: relative;
         left: 50%;
         margin-left: -1000px;
        text-align: center;
         display: block;
         color: #666666;
         background-color: #F0F0F0;
        text-decoration: none;
    }
      
}

//设置中间信息样式
.libinbin{
    position: relative; 
    width: 60px;
    height: 50px;
    width: 1200px;
    margin: 0 auto;
    //设置左导航样式
    .container{
        position: relative; 
       height: 581px;
        cursor: pointer;

        //设置右侧导航条
        .container-box{
            width: 270px;
            height: 567px;
           background-color: #fff;
           position: absolute;
           top: 15px;
           left: 891px;
          
         h3{
               margin-left: 30px;
               font-size: 14px;
               .yanq{
                   color: #0086FF;
               }
           }
           p{
               margin-left: 40px;
               margin-top: 15px;
               a{
                   display: inline-block;
                   width: 72px;
                   height: 32px;
                   background-color: #FF6243;
                   text-align: center;
                   line-height: 32px;
                   margin-left: 10px;
                   border-radius: 0.4cm;
                   color: #fff;
               }
           }
           .bottom-line{
               width: auto;
               height: 1.5px;
               background-color: #F7F7F7;
               margin: 20px 0;
           }
           .person-to{
               width: 100%;
               height: 120px;
               border-bottom: 1.5px solid #F7F7F7 ;
               padding-bottom: 15px;
                  .tool-box{
                      margin-top: 15px;
                         span{
                             font-weight: bold;
                             margin-left: 20px;
                             font-size: 14px;
                         }
                         .sig-tu{
                             margin-top: 10px;
                             margin-left: 15px ;
                              li{
                                  margin: 0 5px;
                                  display: inline-block;
                                  width: 40px;
                                  height: 40px;
                                  background-color: aqua;
                              }
                              .jinqian:hover a{
                                 display: block;
                              }
                              .xuanzhuan:hover a{
                                  display: block;
                              }

                              .yundao:hover a{
                                  display: block;
                              }
                              .gengduo{
                                position: relative;
                               background-color: #F2F2F2;
                                background-size: 100% 100%;
                                .gengdi{
                                    background-image: none;
                                  white-space: nowrap;
                                  position:absolute;
                                    top: 20px;
                                    font-size: 9px;
                                    color: #666666;
                                }
                                a{
                                    
                                     width: 16px;
                                     height: 15px;
                                    position: absolute;
                                    background-image: url(../img/8/icon_tool_4.png);
                                    background-size: 100% 100%;
                                    left: 10px;
                                    padding-top: 6px;
                                       right: 0;
                                           top: 5px;
                                        bottom: 0;
                                  text-align: center;
                                  line-height: 13px;
                                  font-size: 11px;
                                  color:#85D26E ;
                                  font-weight: bold;
                                 
                                 }
                              }
                              .yundao{
                                position: relative;
                                background-image: url(../img/8/icon_tool_3.png);
                                background-size: 100% 100%;
                                a{
                                   display: none;
                                    width: 40px;
                                    height: 40px;
                                   position: absolute;
                                   left: 0;
                                   padding-top: 6px;
                                      right: 0;
                                          top: 0;
                                       bottom: 0;
                                 text-align: center;
                                 line-height: 13px;
                                 font-size: 11px;
                                 color:#85D26E ;
                                 font-weight: bold;
                                 background:rgba(255,255,255,0.6);
                                }
                              }
                              .xuanzhuan{
                                position: relative;
                                background-image: url(../img/8/icon_tool_2.png);
                                background-size: 100% 100%;
                                a{
                                    display: none;
                                    width: 40px;
                                    height: 40px;
                                   position: absolute;
                                   left: 0;
                                   padding-top: 6px;
                                      right: 0;
                                          top: 0;
                                       bottom: 0;
                                 text-align: center;
                                 line-height: 13px;
                                 font-size: 12px;
                                 color:#70D6B1 ;
                                 font-weight: bold;
                                 background:rgba(255,255,255,0.6);
                                }
                              }
                              .jinqian{
                                  position: relative;
                                  background-image: url(../img/8/icon_tool_1.png);
                                  background-size: 100% 100%;
                                     a{
                                         display: none;
                                         width: 40px;
                                         height: 40px;
                                        position: absolute;
                                        left: 0;
                                        padding-top: 6px;
                                           right: 0;
                                               top: 0;
                                            bottom: 0;
                                      text-align: center;
                                      line-height: 13px;
                                      font-size: 12px;
                                      color:#3AA9FF ;
                                      font-weight: bold;
                                      background:rgba(255,255,255,0.6);
                                     }
                              }
                         }
                  }
                 .announcement{
                     padding-bottom: 5px;
                     border-bottom: 1.5px solid #F7F7F7;
                     width: 100%;
                     height: 120px;
                     margin-top: 10px;
                      #xudf{
                        display: none;
                        position: absolute;
                        top:375px;
                      }
                     #cij{
                         display: none;
                        position: absolute;
                        top:375px;
                         a{
                            font-size: 14px;
                         }
                        
                        white-space: nowrap;
                         font-size: 11px;
                   }
                     .ziti{
                         
                         margin-left: 20px;
                         margin-top: 15px;
                         a{
                            
                             font-size: 15px;
                             color: #000;
                             line-height: 25px;
                         }
                     }
                       .xiaode{
                         margin-left: 10px;
                         position: relative;
                         top: 5px;
                        
                         #gongzhe{
                             font-weight: bold;
                             color: #FF6243;
                         }
                         #zixxun{
                             border-bottom: none;
                         }
                         #zixxun:hover{
                           
                            border-bottom: 2px solid #FF6243;
       
                         }
                        
                         #guizee{
                            border-bottom: none;
                         }
                         #guizee:hover{
                            border-bottom: 2px solid #FF6243;
                         }
                         span{
                             font-size: 13px;
                             color: #E9E9E9;
                         }
                           a{
                               margin: 0 10px;
                               width: 30px;
                               height: 20px;
                               font-size: 14px;
                               display: inline-block;
                               border-bottom: 2px solid #FF6243;
                               padding-top: 0px;
                               color:#333333;
                           }
                       }
                 }
                  .fabu{
                    margin-left: -20px;
                      #ruzhuu{
                          display: none;
                      }
                      .nihao{
                          display: inline-block;
                          width: 73%;
                          background-color: #FF6243;
                          height: 40px;
                          margin: 15px 50px;
                          text-align: center;
                          line-height: 40px;
                          color: #fff;
                      }
                    .small-four{
                        white-space: nowrap;
                        i{
                            display: inline-block;
                            width: 4px;
                            height: 4px;
                            background-color: red;
                           position: relative;
                           top: -4px;
                           cursor: default;
                        }
                        .fourr{
                             cursor: text;
                             font-size: 14px;
                             display: none;
                        }
                         .four{
                            cursor: text;
                         }
                    }
                }
                .order{
                    margin-left: -20px;
                    width: auto;
                    height: 32px;
                    span{
                       line-height: 32px;
                       margin-left: 30px;
                       color: #E5E5E5;
                    }
                    .bn{
                       float: right;
                       position: relative;
                       top: -16px;
                       left: -32px;
                        .xians{
                            display: inline-block;
                            position: absolute;
                            width:72px;
                            height: 2.5px;
                            background-color: #FF6243;
                            left: 10px;
                            top: 32px;
                            display: none;
                        }
                         a{
                            float: left;
                             position: relative;
                            color: #000; 
                            border-radius: 0px;
                            background-color: #fff;
                         }
                    }
                    .xcv{
                      background-color: #fff;
                      .xians{
                        display: inline-block;
                        position: absolute;
                        width:72px;
                        height: 2.5px;
                        background-color: #FF6243;
                        left: 30px;
                        top:239px;
                       
                    }
                        a{
                            font-weight: bold;
                            background-color: #fff;
                            color: #FF6243;
                            float: left;
                           border-radius: 0px;
                        
                        }
                    }
                }
           }
             .user{
                 margin-top: 20px;
                  width:65px;
                  height: 65px;
                  margin: 20px auto;
                  background-image: url(../img/7/user.jpg);
                  background-size: 100% 100%;
             }
        }
        // 设置三个形状
        .triangle-box{
            position: relative;
               .triangle{
                   position: absolute;
                   cursor: default;
                width: 100%;
                height: 157px;
                  position: relative;
                  top:-551px;
                  left:215px;
                 
                   li{
                       float: left;
                       width: 210px;
                       height: 100%;
                     border-radius: 1.5mm;
                   }
                    .iuy{
                        span{
                            font-size: 20px;
                         line-height: 30px;
                         color: #4a4a4a;
                        display: block;
                       margin-top: 75px;
                     font-weight: bold;
                      margin-bottom: 5px;
                      text-align: center;
                             }
                             i{      
                                 display: block;
                                 width: 170px;
                                 height: 30px;
                                 text-align: center;
                                     font-size: 13px;
                                     line-height: 20px;
                                     font-style: normal;
                                     margin: -2px 20px;
                             }
                    }
                   .dunnnn{
                       
                    background-color: #EDDEC9;
                       background-image: url(../img/6/swaper_1.png);
                      background-size: 100% 100%;
                   }
                   .dunnn{
                       background-color: #EDD6CA;
                   margin-left: 15px;
                   background-image: url(../img/6/swaper_2.png);
                   background-size: 100% 100%;
                   }
                   .dunn{
                    background-color:#E2E8EF ;
                    background-image: url(../img/6/swaper_3.png);
                    background-size: 100% 100%;
                       position: relative;
                    margin-left: 15px;
                   }
               }
        }

          //设置轮播图样式
          .wrap:hover .btn{
            display: block;
        }
      .wrap{
          width: 660px;
          height: 395px;
          position: relative;
          .pointlist{
              z-index: 4;
              position: absolute;
              top: -185px;
              left: 500px;
               .point{
                   width: 8px;
                   height: 8px;
                   background-color: rgba(0, 0, 0, 0.4);
                   border-radius: 100%;
                   float: left;
                 margin-left: 10px;
                // border: solid 1px;
                //  border-color: rgba(255, 255, 255,0.4);
               }
               .point.active{
               background-color: #007AFF;
               }
          }
        .btn{
            z-index: 3;
            display: none;
            width: 35px;
            height: 45px;
            position: absolute;
           background-image: url(../img/5/left.png);
           background-size: 100% 100%;
            top: -390px;
            left: 215px;
        }
         .bntnn{
            background-image: url(../img/5/right.png);
           left: 840px;
         }
        .list{
            position: relative;
            top: -565px;
            left: 215px;
            width: 660px;
            height: 395px;
            list-style: none;
            background-color: aquamarine;  
            .item{
                width: 100%;
                height: 100%;
                position: absolute;
                opacity: 0;
                transition: all 1s;
            }
            .item.active{
                opacity: 1;
                z-index: 2;
            }
        }
    }
        .black-container{
            width: 200px;
            height: 581px;
            background-color: #50525D;
            margin-left: 2px;
              .tiny-threads{
                  width: 200px;
                  height: 1px;
                  background: #5B5C66;
                  position: relative;
                  top: -13px;
              }
            .operating{
                width: 200px;
                 height: 74px;
                 top: 1px;
                  .hetong{
                    z-index: 1200;
                      display: none;
                    position: absolute;
                    width: 800px;
                    height:581px;
                    background-color: #fff;
                    left: 202px;
                    top: 0px;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                      .ge-bie{
                        position: relative;
                        top: 30px;
                        font-weight: bold;
                        left: 27px;
                        cursor: pointer;
                        font-size: 20px; 
                    }
                     .middle-line{
                        width: 1.5px;
                        height: 579px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -239px;   
                        .whyy{
                         .markett{
                             position: relative;
                             top: 40px;
                         }
                        }
                        .w-hy{
                           top: 15px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            .xiaqu{
                                position: relative;
                                top: 5px;
                            }
                            .jiufen{
                                position: relative;
                                top: 0px;
                            }
                            .markett{
                                white-space: nowrap;
                                 a:hover{
                                     color: #FF7922;
                                 }
                                a{
                                    position: relative;
                                    top: 35px;
                                    padding: 0 10px;
                                    margin-top: 15px;
                                    font-size: 14px;
                                    color: #898989;
                                }
                            }
                          }
                     }
                      .w-hy{
                        top: 30px;
                        width: 350px;
                        height: 100px;
                        position: relative;
                        .markett{
                            white-space: nowrap;
                             a:hover{
                                 color: #FF7922;
                             }
                            a{
                                padding: 0 10px;
                                margin-top: 15px;
                                font-size: 14px;
                                color: #898989;
                            }
                        }
                      }
                  }
                 .il-ruanjian{
                    z-index: 1200;
                     display: none;    
                    position: absolute;
                    width: 800px;
                    height:581px;
                    background-color: #fff;
                    left: 202px;
                    top: 0;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                    .middle-line{
                        width: 1.5px;
                        height: 579px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -586.5px;   
                        .whyy{
                         .markett{
                             position: relative;
                             top: 20px;
                         }
                        }
                        .w-hy{
                            top:-5px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                           
                            .dfg{
                            width: 16px;
                                height: 18px;
                                background-image: url(../img/4/hot3.png);
                                background-size: 100% 100%;
                              position: relative;
                              top: -18px;
                              left: 95px;
                             }
                             .zhongwai{
                                 position: relative;
                                 left: 30px;
                             }
                            .markett{
                                 .hwudu{
                                    margin-top: 25px;
                                 }
                                .dfggg{
                                    position: relative;
                                    left: 80px;
                                }
                                .ott{
                                    width: 31px;
                                    height: 22px;
                                    background-image: url(../img/4/hot2.png);
                                    background-size: 100% 100%;
                                  position: relative;
                                     top: -25px;
                                     left: 95px;
                                }
                                 .yio{
                                     position: relative;
                                     top: 0px;  
                                 }
                                 .yioo{
                                     position: relative;
                                     left: 20px;
                                 }
                                white-space: nowrap;
                                 a:hover{
                                     color: #FF7922;
                                 }
                                a{
                                    position: relative;
                                    top: 15px;
                                    padding: 0 10px;
                                    margin-top: 15px;
                                    font-size: 14px;
                                    color: #898989;
                                }
                            }
                          }
                     }
                    .ot{
                        width: 31px;
                        height: 22px;
                        background-image: url(../img/4/hot2.png);
                        background-size: 100% 100%;
                      position: relative;
                      top: 17px;
                      left: 115px;
                       }
                       .geaa{
                          margin-top:50px;
                       }
                       .geaaa{
                        margin-top:20px;
                     }
                     .geaaaa{
                        margin-top:15px;
                     }

                       .ge-bie{
                        position: relative;
                        top: 10px;
                        font-weight: bold;
                        left: 27px;
                        cursor: pointer;
                        font-size: 20px; 
                    }
                    .w-hy{
                        top:-5px;
                        width: 350px;
                        height: 100px;
                        position: relative;
                        .dfg{
                        width: 16px;
                            height: 18px;
                            background-image: url(../img/4/hot3.png);
                            background-size: 100% 100%;
                          position: relative;
                          top: -18px;
                          left: 95px;
                         }
                         .dfgg{
                             position: relative;
                             left: 75px;
                         }
                         .zhongwai{
                             position: relative;
                             left: 30px;
                         }
                        .markett{
                            .qiyee{
                                position: relative;
                                left: 25px;
                            }
                            white-space: nowrap;
                             a:hover{
                                 color: #FF7922;
                             }
                            a{
                                position: relative;
                                top: 15px;
                                padding: 0 10px;
                                margin-top: 15px;
                                font-size: 14px;
                                color: #898989;
                            }
                        }
                      }
                 }
                  .caiwudai{
                    z-index: 1200;
                      display: none;
                    position: absolute;
                    width: 800px;
                    height:581px;
                    background-color: #fff;
                    left: 202px;
                    top: 0;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                    .dfg{
                        width: 16px;
                        height: 18px;
                        background-image: url(../img/4/hot3.png);
                        background-size: 100% 100%;
                      position: relative;
                      top: -18px;
                      left: 65px;
                    }
                    .qiye{
                        position: relative;
                        left: -10px;
                    }
                       .ot{
                        width: 31px;
                        height: 22px;
                        background-image: url(../img/4/hot2.png);
                        background-size: 100% 100%;
                      position: relative;
                      top: 17px;
                      left: 115px;
                       }
                      .ge-bie{
                        position: relative;
                        top: 10px;
                        font-weight: bold;
                        left: 27px;
                        cursor: pointer;
                        font-size: 20px; 
                    }
                     .middle-line{
                        width: 1.5px;
                        height: 579px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -261.5px;   
                        .whyy{
                         .markett{
                             position: relative;
                             top: 20px;
                         }
                        }
                        .w-hy{
                            top:-5px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            .dfg{
                            width: 16px;
                                height: 18px;
                                background-image: url(../img/4/hot3.png);
                                background-size: 100% 100%;
                              position: relative;
                              top: -18px;
                              left: 95px;
                             }
                             .zhongwai{
                                 position: relative;
                                 left: 30px;
                             }
                            .markett{
                                white-space: nowrap;
                                 a:hover{
                                     color: #FF7922;
                                 }
                                a{
                                    position: relative;
                                    top: 15px;
                                    padding: 0 10px;
                                    margin-top: 15px;
                                    font-size: 14px;
                                    color: #898989;
                                }
                            }
                          }
                     }
                      .w-hy{
                        top: 10px;
                        width: 350px;
                        height: 100px;
                        position: relative;
                        .markett{
                            white-space: nowrap;
                             a:hover{
                                 color: #FF7922;
                             }
                            a{
                                padding: 0 10px;
                                margin-top: 15px;
                                font-size: 14px;
                                color: #898989;
                            }
                        }
                      }
                        
                  }

                 .gong-shang{
                    z-index: 1200;
                     display: none;
                    position: absolute;
                    width: 800px;
                    height:581px;
                    background-color: #fff;
                    left: 202px;
                    top: 0;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                       .ot{
                        width: 31px;
                        height: 22px;
                        background-image: url(../img/4/hot2.png);
                        background-size: 100% 100%;
                      position: relative;
                      top: 17px;
                      left: 115px;
                       }
                      .ge-bie{
                        position: relative;
                        top: 10px;
                        font-weight: bold;
                        left: 27px;
                        cursor: pointer;
                        font-size: 20px; 
                    }
                     .middle-line{
                        width: 1.5px;
                        height: 579px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -261.5px;   
                        .whyy{
                         .markett{
                             position: relative;
                             top: 20px;
                               .zhongwai{
                                  padding-left:31px ;
                                  position: relative;
                                  left: -20px;
                               }
                         }
                        }
                        .w-hy{
                            top:-5px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            .markett{
                                white-space: nowrap;
                                 a:hover{
                                     color: #FF7922;
                                 }
                                a{
                                    position: relative;
                                    top: 15px;
                                    padding: 0 10px;
                                    margin-top: 15px;
                                    font-size: 14px;
                                    color: #898989;
                                }
                            }
                          }
                     }
                      .w-hy{
                        top: 10px;
                        width: 350px;
                        height: 100px;
                        position: relative;
                        .markett{
                            white-space: nowrap;
                             a:hover{
                                 color: #FF7922;
                             }
                            a{
                                padding: 0 10px;
                                margin-top: 15px;
                                font-size: 14px;
                                color: #898989;
                            }
                        }
                      }
                 }
                 .commercial{
                    z-index: 1200;
                     display: none;
                    position: absolute;
                    width: 800px;
                    height:581px;
                    background-color: #fff;
                    left: 202px;
                    top: 0;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                    .middle-line{
                        width: 1.5px;
                        height: 579px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -405.5px;
                        .hotaa{
                            position: relative;
                            width: 31px;
                            height: 22px;
                            background-image: url(../img/4/hot2.png);
                            background-size: 100% 100%;
                            top: 20px;
                            left: 120px;     
                        }
                         .why{
                             .market{
                                 .suku{
                                     position: relative;
                                     font-weight: bold;
                                     font-size: 21px;
                                     top: 20px;
                                     left: 28px;
                                 }
                                 .huaa{
                                    position: relative;
                                    font-weight: bold;
                                    font-size: 21px;
                                    top: 60px;
                                    left: 28px;
                                 }
                                 .renzheng{
                                    position: relative;
                                    top: 65px;
                                 }
                                 .yi{
                                     position: relative;
                                     top: 25px;
                                     
                                 }
                                 .shen{
                                    position: relative;
                                    left: -220px;
                                    top: 5px;
                                 }
                                 a{
                                   position: relative;
                                   top: -28px;
                                 }
                                 .hua{
                                     position: relative;
                                     top: -35px;
                                 }
                             }
                         }
                    }
                    .pan{
                      padding-top: 20px;
                    }
                    .hua{
                        font-weight: bold;
                        font-size: 21px;
                        position: relative;
                        left: 30px;
                        top: 10px;
                    }
                    .hotd{
                        position: relative;
                        width: 16px;
                        height: 18px;
                        background-image: url(../img/4/hot3.png);
                        background-size: 100% 100%;
                        top: -18px;
                        left: 60px;
                    }
                    .hotdd{
                        position: relative;
                        width: 16px;
                        height: 18px;
                        background-image: url(../img/4/hot3.png);
                        background-size: 100% 100%;
                        top: -18px;
                        left: 110px;
                    }
                    .bin{
                        position: relative;
                        width: 31px;
                        height: 22px;
                        top: 35px;
                        left: 120px;
                        background-image: url(../img/4/hot2.png);
                        background-size: 100% 100%;
                    }
                    .hot{
                        position: relative;
                        width: 31px;
                        height: 22px;
                        background-image: url(../img/4/hot2.png);
                        background-size: 100% 100%;
                        left: 120px;
                        top: 20px;
                    }
                    .why{
                        top: 10px;
                        width: 350px;
                        height: 100px;
                        position: relative;
                         .xiangm{
                             padding-top: 20px;
                             .ci{
                                 padding-left: 20px;
                             }
                               .zhi{
                                   padding-top: 15px; 
                               }
                         }
                         .market{
                             .gou{
                                 color: #FF7922;
                             }
                             .wen{
                               padding-left: 40px;
                             }
                             .wenn{
                                padding-left: 70px;
                              }
                             .meigong{
                                padding-left: 50px;
                             }
                               a:hover{
                                   color: #FF7922;
                               }
                             white-space: nowrap;
                              a{
                                  padding: 0 10px;
                                  margin-top: 15px;
                                  font-size: 14px;
                                  color: #898989;
                              }
                         }
                    }
                 }
                 .brand{
                    z-index: 1200;
                    position: absolute;
                    width: 800px;
                    height: 625px;
                    background-color: #fff;
                    left: 202px;
                    
                    top: 0;
                    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                       display: none;
                    .middle-line{
                        width: 1.5px;
                        height: 623px;
                        background-color: #F5F5F5;
                        position: relative;
                        left: 410px;
                        top: -484px;
                           .why{
                            .hot{
                                position: relative;
                                width: 31px;
                                height: 22px;
                                background-image: url(../img/4/hot2.png);
                                background-size: 100% 100%;
                                left: 140px;
                                top: -90px;
                             }
                             .hott{
                                position: relative;
                                width: 31px;
                                height: 22px;
                                background-image: url(../img/4/hot2.png);
                                background-size: 100% 100%;
                                left: 140px;
                                top: 170px;
                             }
                             .duann{
                                 position: relative;
                                 left: 20px;
                             }
                             .tt{
                                 padding-top: 50px;
                             }
                             .ttt{
                                padding-top: 60px;
                            }
                            .rong{
                                position: relative;
                                left: 20px;
                            }

                               .bn{
                                   position: relative;
                                   font-weight: bold;
                                   font-size: 21px;
                                   top: -50px;
                                   left: 30px;
                               }
                               .bnn{
                                position: relative;
                                font-weight: bold;
                                font-size: 21px;
                                top: 60px;
                                left: -190px;
                               }
                               .bnnn{
                                position: relative;
                                font-weight: bold;
                                font-size: 21px;
                                top: 200px;
                                left: -190px;
                               }
                               .bnnnn{
                                position: relative;
                                font-weight: bold;
                                font-size: 21px;
                                top: 290px;
                                left: -190px;
                               }
                               .sheji{
                                   position: relative;
                                   left: 60px;
                               }
                               .qi{
                                   position: relative;
                                   left: 30px;
                               }
                               .market{
                                 .hai{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:85px;
                                    top: -16px;
                                 }
                                .hotddd{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:105px;
                                    top: -16px;
                                 }
                                 .hotdddd{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:65px;
                                    top: -16px;
                                 }
                                   .duan{
                                       position: relative;
                                       left: 50px;
                                   }
                                   .biao{
                                       position: relative;
                                       left: 20px;
                                   }
                                   position: relative;
                                   top: -75px;
                                  a:hover{
                                       color: #FF7922;
                                   }
                                 white-space: nowrap;
                                  a{
                                      padding: 0 10px;
                                      margin-top: 15px;
                                      font-size: 14px;
                                      color: #898989;
                                  }
                               }
                           }
                           .business-plan{
                               margin-top: 17px;
                           }
                           .hua{
                            font-weight: bold;
                            font-size: 21px;
                         ;
                        }
                    }

                        .hua{
                            font-weight: bold;
                            font-size: 21px;
                            position: relative;
                            left: 30px;
                            top: 10px;
                        }
                         .hot{
                            position: relative;
                            width: 31px;
                            height: 22px;
                            background-image: url(../img/4/hot2.png);
                            background-size: 100% 100%;
                            left: 120px;
                            top: 25px;
                         }
                         .hotd{
                            position: relative;
                            width: 16px;
                            height: 18px;
                            background-image: url(../img/4/hot3.png);
                            background-size: 100% 100%;
                            left:65px;
                            top: -16px;
                         }
                         .hotdd{
                            position: relative;
                            width: 16px;
                            height: 18px;
                            background-image: url(../img/4/hot3.png);
                            background-size: 100% 100%;
                            left:75px;
                            top: -16px;
                         }
                         .hotddd{
                            position: relative;
                            width: 16px;
                            height: 18px;
                            background-image: url(../img/4/hot3.png);
                            background-size: 100% 100%;
                            left:95px;
                            top: -16px;
                         }

                         .kapian{
                            top: 10px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                             .hua{
                                 position: relative;
                                 top: 40px;
                             }
                            .market{
                                 position: relative;
                                 top: 40px;
                                .meigong{
                                    padding-left: 50px;
                                 }
                                 a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 15px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                         }
                         .why{
                            top: 10px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                             .market{
                                 .meigong{
                                    padding-left: 50px;
                                 }
                                 .vi{
                                     position: relative;
                                     left: 40px;
                                 }
                                  .an{
                                      position: relative;
                                      left: 30px;
                                  }
                                  .ji{
                                      position: relative;
                                      left: 0;
                                      color: #FF7922;
                                  }
                                   a:hover{
                                       color: #FF7922;
                                   }
                                 white-space: nowrap;
                                  a{
                                      padding: 0 10px;
                                      margin-top: 15px;
                                      font-size: 14px;
                                      color: #898989;
                                  }
                             }
                        }
                 }
                .research{
                    z-index: 1200;
                    display: none;
                   top: 0px;
                    position: absolute;
                    width: 800px;
                    height: 750px;
                   background-color: #fff;
                   box-shadow: 0 0 10px rgba(0, 0, 0, .5);
                    left: 202px;

                     .business-plan{
                         position: absolute;

                         .ying{
                            position: relative;
                            left:35px;
                            top:65px;
                              a{
                                  color: #000;
                                  font-weight: bold;
                                  font-size: 22px;
                              }
                         }
                         .chuangyi{
                            top: 85px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            white-space: nowrap;
                            .market{
                               .xuan{
                                position: relative;
                                width: 16px;
                                height: 18px;
                                background-image: url(../img/4/hot3.png);
                                background-size: 100% 100%;
                                left:90px;
                                top: -16px
                               }
                               .zx{
                                   position: relative;
                                  left: 45px;
                               }
                                .ce{
                                   margin-left: 40px;
                                }
                                .dsp{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:75px;
                                    top: -16px
                                }
                           margin-top: -35px;
                                 .cong{
                                     padding-left: 50px;
                                 }
                                a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 20px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                         }
                         .daiyun{
                            position: relative;
                            left:35px;
                            top:55px;
                              a{
                                  color: #000;
                                  font-weight: bold;
                                  font-size: 22px;
                              }
                         }
                          .dai{
                            top: 85px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            white-space: nowrap;
                            .market{
                               
                                .aa{
                                    position: relative;
                                }
                                .tt{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:80px;
                                    top: -16px;
                                }
                                .ce{
                                   margin-left: 40px;
                                }
                                .dsp{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:75px;
                                    top: -16px
                                }
                                .ds{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:90px;
                                    top: -16px
                                }
                               margin-top: -35px;
                                 .cong{
                                     padding-left: 50px;
                                 }
                                a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 20px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                          }
                         .zhenn{
                            top: 50px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            white-space: nowrap;
                            .market{
                               
                                .aa{
                                    position: relative;
                                }
                                .tt{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:80px;
                                    top: -16px;
                                }
                                .ce{
                                   margin-left: 40px;
                                }
                                .dsp{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:75px;
                                    top: -16px
                                }
                           margin-top: -35px;
                                 .cong{
                                     padding-left: 50px;
                                 }
                                a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 20px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                           }
                         .mei{
                            position: relative;
                            left:35px;
                            top: 25px;
                              a{
                                  color: #000;
                                  font-weight: bold;
                                  font-size: 22px;
                              }
                           }

                     }
                     .middle-line{
                         width: 1.5px;
                         height: 750px;
                         background-color: #F5F5F5;
                         position: relative;
                         left: 410px;
                         top: -622px;
                            .business-plan{
                                margin-top: 17px;
                            }
                     }
                      .on-the{
                          .hotdddd{
                            position: relative;
                            width: 31px;
                            height: 22px;
                            background-image: url(../img/4/hot2.png);
                            background-size: 100% 100%;
                            left: 115px;
                            top: 25px;
                          }
                           .wangluo{
                             position: relative;
                             left: -322px;
                             top: 50px;
                           }
                           .mei{
                            position: relative;
                            left:30px;
                            top: 60px;
                              a{
                                  color: #000;
                              }
                           }
                           .bo{
                            position: relative;
                            left: -220px;
                            top: 90px;
                              a{
                                  color: #000;
                              }
                           }
                           .zhenn{
                            top: 20px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            white-space: nowrap;
                            .market{
                               .du{
                                  position: relative;
                                  top: 28px;
                               }
                               .xx{
                                  position: relative;
                                  top: 28px;
                                  left: 30px;
                               }
                                .aa{
                                    position: relative;
                                   left: 20px;
                                }
                                .tt{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:80px;
                                    top: -16px;
                                }
                                .dsp{
                                    position: relative;
                                    width: 16px;
                                    height: 18px;
                                    background-image: url(../img/4/hot3.png);
                                    background-size: 100% 100%;
                                    left:65px;
                                    top: -16px
                                }
                                margin-top: 40px;
                                 .cong{
                                     padding-left: 50px;
                                 }
                                a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 20px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                           }
                            .yun{
                                left: -322px;
                                top: 80px;
                            }
                         
                           .zhen{
                                 .hottt{
                                    position: relative;
                                    width: 31px;
                                    height: 22px;
                                    background-image: url(../img/4/hot2.png);
                                    background-size: 100% 100%;
                                    left: 125px;
                                 }
                            top: 50px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                            white-space: nowrap;
                             
                            .market{
                                .mm{
                                    position: relative;
                                    a{
                                        position: relative;
                                        color: chocolate;
                                    }
                                }
                                 
                                margin-top: 10px;
                                 .cong{
                                     padding-left: 50px;
                                 }
                                a:hover{
                                    color: #FF7922;
                                }
                              white-space: nowrap;
                               a{
                                   padding: 0 10px;
                                   margin-top: 20px;
                                   font-size: 14px;
                                   color: #898989;
                               }
                            }
                           }
                        .wang{
                            top: 50px;
                            width: 350px;
                            height: 100px;
                            position: relative;
                           
                             .market{
                                 .hott{
                                     width: 16px;
                                     height: 18px;
                                     background-image: url(../img/4/hot3.png);
                                     position: relative;
                                      top: -18px;
                                      left: 95px;
                                     cursor: pointer;
                                       
                                 }
                                   a:hover{
                                       color: #FF7922;
                                   }
                                 white-space: nowrap;
                                  a{
                                      padding: 0 10px;
                                      margin-top: 15px;
                                      font-size: 14px;
                                      color: #898989;
                                  }
                             }
                        }
                          .hot{
                              position: relative;
                              width: 31px;
                              height: 22px;
                              background-image: url(../img/4/hot2.png);
                              background-size: 100% 100%;
                              left: 90px;
                              top: 25px;
                          }
                          span{
                              position: relative;
                              top: 22px;
                              font-weight: bold;
                              left: 27px;
                              cursor: pointer;
                              font-size: 20px;
                          }
                         
                          .why{
                              top: 20px;
                              width: 350px;
                              height: 100px;
                              position: relative;
                               .market{
                                     a:hover{
                                         color: #FF7922;
                                     }
                                   white-space: nowrap;
                                    a{
                                        padding: 0 10px;
                                        margin-top: 15px;
                                        font-size: 14px;
                                        color: #898989;
                                    }
                               }
                          }
                      }
                }
                padding-top: 8px;
                .code a:hover{
                    color: #fff;
                }
                 .code{
                     i{
                        margin-left: 90px;
                        color: #A5A6AC;
                        font-size: 12px;
                        cursor: pointer;
                     }
                     a{
                          font-size: 14px;
                          font-weight: bold;
                          color: #fff;
                     }
                 }
                 li a:hover{
                     color: #FF7922;
                 }
                li{
                    padding-top: 5px;
                    float: left;         
                    a{
                        margin-left: 20px;
                        display: block;
                        width: 70px;
                          height: 20px;
                          color: #B9B9BE;
                        float: left;
                       font-size: 12px;
                    }
                 }
            }
        }
    }
     
      
}
.gzhi{
    position: relative;
    width:1159px;
    height:20px;
    left: 2px;
    background-color: #F7F7F7;
}

// 设置严选服务
.suoyou{
    position: relative;
    width:1159px;
    height:260px;
    left: 2px;
      .jiao-yi{
          top: 0;
          left: 665px;
          position: absolute;
          width: 494px;
          height: 260px;
            .wu-rong{
                width: 494px;
                height: 84px;
                background-color: #EA5839;
                margin-top: 0px;
                    .zi-yo{
                        .yi-po{
                            margin-left: 30px;
                        }
                        .yi-p{
                            margin-left: 0px;
                        }
                        li{
                            display: block;
                            width: 80px;
                            height: 50px;
                           float: left;
                          margin: 22px 24px;
                            line-height: 20px;
                            text-align: center;
                            span{
                                font-weight: bold;
                                font-size: 20px;
                                color: #fff;
                            }
                            .yi-d{
                                margin-left: -8px;
                            }
                            .yi-du{
                             margin-left: -15px;
                            }
                            i{
                                display: inline-block;
                                color: #fff;
                                white-space: nowrap;
                                font-size: 12px;
                            }
                        }
                    }
            }
        //  无缝轮播
              .wu-feng{
                  width: 100%;
                  height: 175px;
                  background-color: #fff;
                  .trading-content{
                        width: 355px;
                        height: 110px;
                        margin-left: 30px;
                        margin-top: 30px;
                        overflow: hidden;
                          position: relative;
                    }
                  .gudo-ziti{
                          width: 355px;
                          height: 200px;
                          position: absolute;
                        li{
                            width: 355px;
                            height: 25px;
                            position: relative;
                            line-height: 25px;
                        }
                        .ming-zi{
                           color: #000;
                        }
                         .gu-yu{
                            cursor:col-resize;
                             margin-left: 20px;
                         }
                         .ma-nu{
                            cursor:col-resize;
                             margin-left: 20px;
                         }
                          .di-zhi{
                              margin-left: 20px;
                               a{
                                color: #148FFF;
                               }
                          }
                  }
                    p{
                        margin-left: 10px;
                       span{
                         font-size: 21px;
                         margin-left: 20px;
                         position: relative;
                         top: 15px;
                       }
                        a{
                         position: relative;
                         top: 15px;
                            margin-left: 280px;
                          color: #FF6140;
                        }
                    }
              }
      }
    // background-color: aqua; 
       .select-ion{
           position: relative;
           width: 199px;
           height: 100%;
           background-color: #bfa;
           background-image: url(../img/9/bg_yanxuan.png);
           cursor: pointer;
              a{    
                  position: absolute;   
                 font-size: 30px;
                 color: #000;
                 padding-left: 36px;
                margin-top: 30px;
              }
              span{ 
                  padding-left: 36px;
                    position: absolute; 
                    top: 95px;
                   color: #6B4915;
                    line-height: 30px;   
              }
       }
         .babies{
              .xianz{
                z-index: 6;
                position: absolute;
                width:1px;
                height:260px;
                top: 0px;
                left: 225px;
                background-color: #F3F3F3;
              }
              .binggao{
                  position: absolute;
                  width: 450px;
                  height: 0.5px;
                  top: 142px;
                  background-color: #F3F3F3;
              }
             position: relative;
             width: 450px;
             height: 260px;
             left: 199px;
             top: -260px;
             background-color: #fff;
               .babies-box{
                 .live-box{
                    position: relative;
                    width: 225px;
                    height: 60px;
                    top: -50px;
                    left: 225px;
                    .zenghe{
                        left:20px;
                        top: -61px;
                    }
                    .xuebitu{
                        width: 100px;
                        height: 80px;
                        left: 125px;  
                      top: 15px;
                      background-image: url(../img/9/xuebi4.png);
                      background-position: -20px 0px;
                    }
                      a{
                        left:20px;
                       position: relative;
                          top: -50px;
                      }
                 }
                 .property{
                    position: relative;
                    width: 225px;
                    height: 60px;
                    top: 0px;
                     .zenghe{ 
                         top: -110px;
                     }
                     .xuebitu{
                         width: 100px;
                         height: 80px;
                         left: 120px;  
                       top: 25px;
                       background-image: url(../img/9/xuebi3.png);
                       background-position: -20px 0px;
                     }
                       a{
                        position: relative;
                           top: -100px;
                       }
                }
                .to-bed{
                    position: relative;
                    width: 225px;
                    height: 115px;
                    top: -35px;
                    left: 225px;
                    .zenghe{
                        left:20px;
                    }
                     a{
                        left:20px;
                     }
                    .xuebitu{
                        top: 45px;
                        left: 130px;
                        width:94px;
                        height: 90px;
                       background-image: url(../img/9/xuebi2.png);
                       background-position: 100px -92px;
                    }
                }
                   li{
                       position: relative;
                     width: 225px;
                     height: 35px;
                     background-color: #fff; 
                      a:hover{
                          color: red;
                      }
                     a{
                         position: relative;
                         z-index: 6;
                         top: 45px;
                      left: 15px;
                      color: #666666;
                      font-size: 12px;
                      line-height: 18px;
                     } 
                     .zenghe{
                        color: #666666;
                        font-size: 22px;
                      top: 35px;
                      left: 15px;
                     }
                       .xuebitu{
                           z-index: 5;
                           top: 0px;
                           left: 28px;
                           position: absolute;
                           width: 188px;
                           height: 140px;
                          background-image: url(../img/9/xuebi1.png);
                          background-position: 60px 20px;
                       }
                   }
               }
         }
}

// 设置企业服务的小导航
  .yincang{
    width: 1159px;
    height: 35px;
   margin: 0 auto;
   position: relative;
   top: 811px;
   left: -19px;
   z-index: 9;
   background-color: #F7F7F7;
  }
.libinzi{
     width: 1159px;
     height: 60px;
    margin: 0 auto;
    position: relative;
    top: 811px;
    left: -19px;
      h1{
          font-size: 30px;
          font-weight: bold;
          position: absolute;
          line-height: 35px;
          left: 30px;
      }
      h2::after{
        position: absolute;
        content: '';
        top: 1px;
        clear: both;
        display: table;
        width: 8px;
        height: 35px;
        background-color: #EA5839;
    }
    span{
        display: inline-block;
        position: absolute;
        font-size: 30px;
        width: 13px;
        height: 28px;
        background: url(../img/10/line_icon.png);
        left: 160px;
        top: 10px;
        color: #DDDDDD;
    }
    p{
        display: inline-block;
        position: absolute;
        width: 143px;
        height: 32px;
        background-image:  url(../img/10/title1.png);
        background-size: 100% 100%;
    }
    .xiao-gundo{
      padding-left:340px;
       display:flex;
        i{
            margin-top: 14px;
            font-size: 11px;
            color: #DDDDDD;
        }
        a:hover{
            color: #FF613F;
        }
         li{
             margin: 15px 15px;
             a{
                font-size: 15px;
                color: #000;
             }
         }
    }
}

// 设置大框
.promote-box{
    width: 1200px;
    height: 1610px;
   margin: 0 auto;
   position: relative;
   top: 811px;
      .framew-ork{
        width: 1200px;
        height: 1610px;
          position: absolute;
          left: -10px;
         li{
             margin: 7px 10px;
             width: 569px;
             height: 390px;
             float: left;
             .picture-box{
                width: 569px;
                height: 390px;
                background-image: url(../img/11/shangjianew.jpg);
                background-size: 100% 100%;
                cursor: pointer;
             }
             .left-container{
                 width: 367px;
                 height: 390px;
                 background-color: #fff;
                 float: right;
                 position: relative;
                 top: -390px;
                   .qian-ty{
                       width: 367px;
                       height: 129px;
                       border-bottom: 1px solid #F7F7F7;
                         .zhi-shi{
                              .bi-zhu{
                                  left: 87px;
                              }
                              span{
                                  display: block;
                                  font-size: 20px;
                                 float: left;
                                 margin:20px 15px;
                                position: relative;
                                top: 10px;
                              }
                              .ghj{
                                 margin-left: 30px;
                              }
                              .dfj{
                                margin-left: 8px;
                              }
                               .ggv{
                                margin-left: 22px; 
                               }
                               .buyt{
                                   margin-left: 20px;
                               }
                               .sxc{
                                   margin-left: 15px;
                               }
                               a:hover{
                                   color:#EA5839;
                               }
                               a{
                                   color: #666666;
                                   font-size: 12px;
                                   display: block;
                                   float: left;
                                   margin: 0px 14px;
                                   line-height: 25px;
                               }
                         }
                   }

             }
                .container{
                    width: 200px;
                    height: 390px;
                    background-image: url(../img/11/f1.png);
                     background-size: 100% 100%;
                      span{
                          font-weight: bold;
                          color: #fff;
                          font-size: 24px;
                          margin-left: 20px;
                         line-height: 120px;
                      }
                      i{
                          color: #fff;
                          display: block;
                          width: 152px;
                          height: 72px;
                          line-height: 25px;
                          margin-left: 20px;
                      }
                       a{
                        display: block;
                        width: 172px;
                        height: 35px;
                        padding-left: 12px;
                        line-height: 35px;
                        color: #F35959;
                        background-color: #FFFCFC;
                        margin-top: 120px;
                        margin-left: 8px;
                        border-radius: 5px;
                       }
                }
         }
      }
}

//设置任务大厅图标
.ncv{
    width: 1159px;
    height: 50px;
   margin: 0 auto;
   position: relative;
   top: 831px;
   left: -21px;
   padding-bottom: 10px;
   h1::after{
    content: '';
    clear: both;
    display: table;
    width: 7px;
    height: 35px;
    background: #EA5839;
    position: absolute;
    top: 8px;
    left: 0;
             }
             h1{
                 font-weight: bold;
                 line-height: 50px;
               padding-left: 20px;
               color: #333333;
               font-size: 30px;
             }
}


.large-container{
    width: 1159px;
    height: 580px;
   margin: 0 auto;
   position: relative;
   top: 831px;
   left: -21px;
     .left-container{
         width: 800px;
         height: 565px;
         background-color: #fff;
          img{
              display: block;
            width: 800px;
            height: 100px;
          }   
     }
     .advertising-container{
           a:hover{
               color: #EA5839;
           }
         width: 800px;
         height: 155px;
         border-bottom: 1px solid #F7F7F7;
           .guang-gao{
            position: relative;
            top: -25px;
            left: 120px;      
            font-size: 14px;
            color: #333333;
           }
           .jin-qqi{
            position: relative;
            top: -25px;
            left: -85px;
            font-size: 14px;
            color: red;
           }
           .yi-ren{
            position: relative;
            top: -25px;
            left: -50px;
            font-size: 14px;
            color: #999999;
           }
           .zi-unww{
           position: absolute;
           font-size: 14px;
           color: #333333;
           top: 210px;
           left: 498px;
           }
           .zi-uww{
            position: relative;
            top: -50px; 
            left: 166px;
            font-size: 14px;
            color: #333333;
           }
           .zi-wu{
            position: relative;
            top: -26px; 
            font-size: 14px;
            left: -120px;
            color: #333333;
           }
           .bng{
            position: relative;
           top: -20px;
           left: -230px;
           }
           .bnl{
            position: relative;
            top: -50px; 
            left: 193px;
           }
           .jk-uyy{
            position: absolute;
            top: 190px;  
            font-size: 14px;
            left: 660px;
            color: #999999;
            font-weight: normal;
           }
           .jk-uy{
            position: relative;
            top: -50px;  
            font-size: 14px;
            left: 238px;
            color: #999999;
            font-weight: normal;
           }
           .jk-yu{
            position: relative;
            top: -80px;  
            font-size: 14px;
            left: 660px;
            color: #999999;
            font-weight: normal;
           }
          .jin-qian{
                position: relative;
                top: -25px;
                left: -222px;
                color: red;
                font-size: 14px;
          }
         .ka-fg{
             margin-left: 160px;
         }
           span{
               display: inline-block;
               margin: 20px 50px;
               color: #333333;
               font-size: 18px;
               font-weight: bold;
           }
     }
       .lowerright-container{
        width: 347px;
        height: 418px;
        position: relative;
          top: -465px;
          left: 812px;
          background-color: #fff;
             .lower-right{
                 margin-top: 10px;
                  .zheng-li{
                      margin-top: 15px;
                    width: 347px;
                    height: 40px;
                    background-color: #309AF9;
                      a{
                         display: block;
                         text-align: center;
                          line-height: 38px;
                          color: #fff;
                          font-size: 18px;
                      }
                  }
                 li{
                     margin-top: 10px;
                     width: 347px;
                     height: 71px;
                     border-bottom: 1px solid #F7F7F7;
                      .zi-xing{
                        p{
                            a:hover{
                                color: #EA5839;
                            }
                            margin-left: 95px;
                            margin-top: 15px;
                            a{
                                font-size: 13px;
                                  color: #999999;
                                  padding-left: 15px;
                                  font-weight: normal;
                            }
                            span{
                                color: red; 
                                font-size: 16px;
                                 font-weight: bold; 
                            }
                        }
                      }
                      .xiao-ku:hover{
                        border: solid 1px red ;
                        cursor: pointer;
                      }
                    .xiao-ku{
                        width: 80px;
                        height: 60px;
                        border: solid 1px #E5E5E5 ;
                         img{
                            max-width: 100%;
                            max-height: 100%;
                            margin-left: 10px;
                         }
                    }
                 }
             }
       }
      .right-container{
          width: 347px;
          height: 100px;
          float: right;
          background-color: #37A0FF;
          background-image: url(../img/12/bg_chengxin.png);
          background-size: 100% 100%;
          position: relative;
          top: -565px;
           h2{
               font-size: 25px;
               color: #fff;
               padding-top: 30px;
               padding-left: 20px;
           }
           span{
               line-height: 35px;
            color: #fff;  padding-top: 30px;
            padding-left: 20px;
           }
      }
}
// 设置广告图片投放
 .tupia-box{
    width: 1159px;
    height: 150px;
   margin: 20px auto;
   position: relative;
   top: 831px;
   left: -21px;
    .tu-fangru{
         .ni-gu{
             margin-top: -65px;
             background-size: 100% 100%;
             background-image: url(../img/13/bg_guanggaowei_3.png);
         }
         .zi-as{
             margin: 0 26px;
             background-image: url(../img/13/bg_guanggaowei_2.png);
             background-size: 100% 100%;
         }
        li{
            cursor: pointer;
            background-image: url(../img/13/bg_guanggaowei_1.png);
            width: 369px;
            height: 150px;
            float: left;
            background-size: 100% 100%;
        }
    }
 }


 .High-quality{
    width: 1159px;
    height: 620px;
   margin: 20px auto;
   position: relative;
   top: 851px;
   left: -21px;
     .gaozhiq-box{
         float: right;
         width: 346px;
         height: 620px;
         background-color: #fff;
         position: relative;
         top: -620px;
         
           .zhanshiyu-box{
               width: 346px;
               height: 108px;
               .nide-box{
                   margin-top: -2px;
                width: 346px;
                height: 515px;
                  .wodea-box{
                      width: 346px;
                      height:102px;
                      border-bottom: 1px solid #EEEEEE;
                      position: relative;
                       .jinvb-box:hover{
                                 background-color:#EA5839 ;
                             }
                        .jinvb-box{
                            width: 50px;
                            height: 24px;
                            background-color: #FFF;
                            margin-top: -50px;
                            position: relative;
                            left: -15px;
                            float: right;
                            border: 1px solid #EA5839;
                            border-radius: 2px;
                             a:hover{
                                 color: #fff;
                             }
                             a{
                                 display: block;
                                 font-size: 14px;
                                 line-height: 24px;
                                 text-align: center;
                                 color: #EA5839;      
                             }
                        }
                        .shumi-box{
                            width: 155px;
                            height: 58px;
                          margin-top: -36px;
                          margin-left: 110px;
                            .jinwud-box{
                                font-size: 14px;
                                color: #FF4040;
                                font-weight: bold;
                                margin-top: 12px;
                                margin-left: 5px;
                               
                            }
                            .zousdfgh-box:hover{
                                color:#FF4040 ;
                            }
                            .zousdfgh-box{
                               padding-top: 10px;
                                font-size: 14px;
                                color: #333333;
                                overflow: hidden;
                                white-space: nowrap;
                              text-overflow: ellipsis;
                                display: block;
                            }
                        }
                       .suangu-box{
                           width: 58px;
                           height: 54px;
                           border: 1px solid #EEEEEE;
                         position: relative;     
                         margin-left: 45px;
                         cursor: pointer;
                        position: relative;
                        top: 20px;
                           img{
                               max-width: 100%;
                               min-height: 100%;
                           }
                       }
                        .xiaobiu-box{
                            width: 20px;
                            height:24px;
                            background-image: url(../img/22/bg_top_1.png);
                            background-size: 100% 100%;
                            position: absolute;
                            text-align: center;
                            font-size: 13px;
                            color: #fff;
                            font-weight: bold;
                            line-height: 24px;
                            font-family: "Arial";
                            top: 35%;
                            left: 15px;
                        }
                  }
               }
                img{
                    width: 346px;
                    height: 106px;
                    max-width: 100%;
                    max-height: 100%;
                }
           }
     }
     .guide-box{
         width: 800px;
         height: 50px;
         background-color: #fff;
         border-bottom: 1px solid #EEEEEE;
          
           .ming-zi{
             margin: 0 15px;
            float: left;
               width: 68px;
               height: 47.6px;
               text-align: end;
               line-height: 47px;
               a{
                   font-size: 17px;
                   color: #666666;
               }
           }
     }
   .guide-the{
       width: 800px;
       padding-bottom: 25px;
   }
   span{
       padding-left: 10px;
   }
    h1{
        color: #333333;
        font-weight: bold;
        font-size: 30px;
        padding-left: 20px;
    }
   h1::after{
    content: '';
    clear: both;
    display: table;
    height: 32px;
    width: 8px;
margin-top: -30px;
    margin-left: -20px;
    background-color: #EA5839;
}
   .big-box{
       width: 800px;
       height: 513px;
       background-color: #fff;
       display: none;
         .sigh-box{
             width: 767px;
             height: 464px;
            margin-left: 16.5px;
            position: relative;
            top: 23px;
               .tedf{
                  margin-left: 15px;
               }
               .life-box{
                   margin-top: 14px;
                   float: left;
                   width: 370px;
                   height: 100px;
                 border: 1px solid #F7F7F7;
                    .pennants-box{
                        float: left;
                        width: 256px;
                        height: 68px;
                        margin-top: 16px;
                          .endorsement{
                              width: 256px;
                              height: 30px;
                              margin-top: 18px;
                              .strong-box:hover{
                                  background-color: #EA5839;
                                  color: #fff;
                              }
                              .strong-box{
                                  font-size: 12px;
                                  color: #EA5839;
                                  float: right;
                                  display: block;
                                  width: 70px;
                                  height: 30px;
                                  text-align: center;
                                  border: 1px solid #EA5839;
                                  line-height: 33px;
                                  margin-top: -30px;
                              }
                               .fengxia{
                                   font-size: 12px;
                                   line-height: 30px;
                                   width: 175px;
                                   padding-left: 5px;
                                   background-color: #F7F7F7;
                                    color: #333333;
                                    span{
                                        color: #EA5839;
                                    }
                               }
                          }
                        .ticket{
                            color: 16px;
                            color: #000;
                            font-weight: bold;
                        }
                        .big-head{
                            font-size: 12px;
                            float: right;
                            color: #333333;
                        }
                        
                    }
                     .shadow-boxz{
                         float: left;
                         width: 70px;
                         height: 70px;
                         margin: 16px ;
                         border: 1px solid #E7E7E7;
                         box-shadow: 0 0 8px #ccc;
                           a{
                             img{
                                max-width: 100%;
                                max-height: 100%;
                             }
                           }
                     }
               }
         }
   }
 }

//  设置下面的中框架
 .xiaoty-box{
    width: 1159px;
    height: 185px;
   margin: 60px auto;
   position: relative;
   top: 831px;
   left: -21px;
      .jindao-box{
          width: 1159px;
          height: 30px;
          position: absolute;
          display: flex;
          h1::after{
              position: absolute;
            content: '';
            clear: both;
            display: table;
            width: 8px;
            height: 30px;
            background-color: #FF613F;
            left: 0px;
            top: 0px;
        }
         h1{
             padding-left: 20px;
             font-size: 30px;
             font-weight: bold;
             color: #333333;
         }
           a{
               display: block;
              margin-left: 940px;
              color: #333333;
           }
      }
       .jingzi-box{
           width: 1159px;
           height: 145px;
           position: absolute;
           top: 50px;
           float: left;
            .jingtyup-box:hover{
                border-color: #ff6141;
                box-shadow: 0px 7px 20px 0px rgba(255, 97, 65, 0.3);
            }
            .jingtyup-box{
                border: 1px solid ;
                float: left;
                width: 154px;
                height: 145px;
                background-color: #fff;
               margin-left: 44.5px;
               border-radius: 5px;
               border-color: transparent;
               box-shadow: rgba(7, 0, 2, 0.1) 0px 7px 20px 0px;
                 a{
                     display: block;
                     width: 100%;
                     height: 80%;
                     img{
                         display: block;
                         width: 48px;
                         height: 47px;
                         margin-top: 34px;
                         margin-left: 55px;
                     }
                      p{
                         margin-top: 15px;
                         text-align: center;
                         font-size: 18px;
                         color:#333333;
                         
                      }
                 }
            }
       }
 }

 .qwet-box{
    width: 1159px;
    height: 295px;
   margin: 60px auto;
   position: relative;
   top: 831px;
   left: -21px;
//    background-color: aqua;
      .anliyu-box{
          width: 1159px;
          height: 32px;
          position: relative;
            h1{
                font-size: 30px;
                font-weight: bold;
                color: #333333;
                margin-left: 25px;
            }
          h1::after{
              position: absolute;
             top: 0;
             left: 0;
            content: '';
            clear: both;
            display: table;
            width: 8px;
            height: 32px;
            background-color: #EA5839;
        }
        .xiaoxiao-box{
           position: absolute;
           top: 0;
           left: 637px;
            width: 522.42px;
            height: 32px;
               .haiyane-box{
                   float: left;
                   width: 83px;
                   height: 31px;
                   text-align: center;
                      a{
                          line-height: 31px;
                          font-size: 15px;
                          color: #333333;
                      }
               }
               span{
                  margin-top: 6px;
                   float: left;
                   color: #DDDDDD;
                   font-size: 14px;
               }
        }
      }

      .ducongqw-box{
          width: 1159px;
          height: 237px;;
          float: left;
          position: absolute;
          margin-top: 30px;
          display: none;
           li{
             float: right;
               width: 279.6px;
               height: 237px;
               margin-right: 13.5px;
               box-shadow: 0px 5px 10px 0px rgba(141, 141, 141, 0.05);
                 a{
                     display: block;
                     
                     img{
                        display: block;
                        width: 279.6px;
                        height: 180px;
                     }
                     p{
                         display: block;
                         font-size: 16px;
                         width: 260px;
                         margin: 0 10px;
                         text-align: center;
                         line-height: 60px;
                         color: #000000;
                         overflow: hidden;
                         white-space: nowrap;
                         text-overflow: ellipsis;
                     }
                 }
           }
      }
 }

//  设置交易流程
 .altman-box{
    width: 1159px;
    height: 189.6px;
   margin: 60px auto;
   position: relative;
   top: 821px;
   left: -21px;
     .ace-box{
         margin-top: 20px;
         width: 1159px;
         height: 150px;
         background-color: #fff;
          li{
              position: relative;
              left: 90px;
              float: left;
              width: 159px;
              height: 138px;
                 a{
                     margin-top: 35px;
                     display: block;
                     width: 159px;
                     height: 103px;
                     text-align: center;
                      .jiantou-box{
                          width: 14px;
                          height: 15px;
                          background-image: url(../img/29/icon_jiantou.png);
                          background-size: 100% 100%;
                          float: right;
                          margin-top: -83px;
                      }
                      i{
                          display: inline-block;
                          width: 38px;
                          height: 24px;
                          background-image: url(../img/29/liucheng_1.png);
                          background-size: 100% 100%;
                      }
                     .cool-dog{
                          font-size: 18px;
                          color: #FF6140;
                          font-weight: bold;
                          margin-top: 15px;
                      }
                       .dong-box{
                           font-size: 14px;
                           color: #666666;
                           margin-top: 15px
                       }
                 }
          }
     }
    .low-price{
        width: 1159px;
        height: 29.6px;
        background-color: #F7F7F7;
        h1::after{
            content: '';
            clear: both;
            display: table;
            width: 8px;
            height: 30px;
            background-color: #EA5839;
          position: absolute;
            top: 0;
            left: 0;
        }
        h1{
            margin-left: 15px;
            font-size: 30px;
          font-weight: bold;
          color: #333333;
        }
    }
 }

//  设置平台数据
.data-box{
    margin: 60px auto;
    position: relative;
    top: 821px;
    left: -21px;
    width: 1159px;
    height: 189px;
     .proseof-box{
         width: 1159px;
         height: 30px;
          h1::after{
            content: '';
            clear: both;
            display: table;
            width: 8px;
            height: 31px;
            background-color: #EA5839;
            position: absolute;
            top: 0;
            left: 0;    
        }
        h1{
            font-size: 30px;
            margin-left: 20px;
            color: #333333;
        }
     }
      .theirown-box{
          width: 1159px;
          height: 140px;
          background-image: url(../img/30/bg_data.png);
          background-size: 100% 100%;
          margin-top: 20px;
          .homeis-box{
                li{
                    margin: 0 30px;
                    margin-top: 25px;
                    float: left;
                    width: 210px;
                    height: 98px;
                    text-align: center;
                      .family-box{
                          margin-top: 15px;
                          font-size: 30px;
                          color: #fff;
                      }
                      .tedt-box{
                        margin-top: 15px;
                          font-size: 12px;
                          color: #fff;
                      }
                }
                span{
                    display: block;
                    margin-top: 60px;
                    float: left;
                    font-size: 35px;
                    color: #35487B;
                }
           }
      }
}

// 设置下面导航条
.underlying-container{
    margin: 0px auto;
    position: relative;
    top: 801px;
    left: -21px;
    width: 1159px;
    height: 40px;
     h5{
         float: left;
         font-size: 18px;
         color: #333333;
         margin-left: 15px;
     }
    h5::after{
        content: '';
        clear: both;
        display: table;
        width: 6px;
        height: 20px;
        background-color: #EA5839;
        position: absolute;
        top: 0;
        left: 0;
    }
     .firstturn-box{
         float: left;
         width: 456px;
         height: 20px;
          li{
              float: left;
              margin: 0 15px;
              a:hover{
                  color: tomato;
              }
                a{
                    font-size: 14px;
                    color: #666666;
                }
          }
     }
}
// 设置最底层
.dinnerparty-box{
    position: relative;
    top: 801px;
    width: 100%;
    height: 270px;
    background-color: #35363B;
    border-bottom: 1px solid #3E3F45;
      .century-box{
          position: relative;
          left: -20px;
        margin: 0px auto;
        width: 1159px;
        height: 271.6px;
        .centuryring-box{
            float: right;
            width: 128px;
            height: 205px;
            text-align: center;
              .frontaldiar-box{
                  margin-left: 8px;
                  width: 120px;
                  height: 120px;
                  background-color: navy;
                  margin-top: 40px;
              }
              .indicator-light{
                  color: #fff;
                  font-size: 16px;
               display: block;
               margin-top: 15px;
               
              }
        }
          .suying-box{
               width: 730px;
               height: 190px;
               float: left;
                li{
                    float: left;
                    margin-top: 10px;
                    width: 204px;
                    height: 190px;
                     .kuozhao-box{
                         position: relative;
                         top: -103px;
                         left: 25px;
                     }
                     .jinyouh-box{
                        position: relative;
                        top: -93px;
                        left: 25px;
                        color: #fff;
                        font-size: 20px;
                     }
                      .dictionary-box{
                        float: left;
                        width: 20px;
                        height: 22px;
                        margin-top: 5px;
                       background-image: url(../img/30/tel2.png);
                       background-size: 100% 100%;
                       position: relative;
                       top: -60px;
                      }
                     .tuyiuu-box{
                         float: left;
                         width: 20px;
                         height: 22px;
                         margin-top: 5px;
                        background-image: url(../img/30/tel1.png);
                        background-size: 100% 100%;
                     }
                     i{
                         font-size: 14px;
                         white-space: nowrap;
                         position: relative;
                         top: -80px;
                         left: 30px;
                         color: #8f9099;
                     }
                     .anhui-box{
                         float: left;
                        font-size: 30px; 
                        color: #fff;
                        position: relative;
                        top: -77px;
                        left: 30px;
                     }
                     span{
                         display: block;
                         margin-top: 50px;
                         color: #fff;
                         font-size: 16px;
                     }
                     a{
                         display: block;
                       font-size: 14px;  
                      line-height: 18px;
                      color: #8f9099;
                     }
                }
          }
      }
}

.thepolice-box{
    margin: 0 auto;
    position: relative;
    top: 801px;
    width: 100%;
    height: 58px;
    background-color: #35363B;
      .looked-box{
        margin: 0px auto;
        width: 1159px;
        height: 58px;
        text-align: center;
        span{
            line-height: 58px;
         color: #FFFFFF;
         font-size: 13px;
        }
          a{
           position: relative;
           top: 5px;
          }
      }
}

// 设置客服移入效果
.huayi-box{
    position: relative;
    width: 56px;
    height: 140px;
 background-color: #fff;
    position: fixed;
    margin: 0  auto;
    top: 25%;
    right: 0;
    border: solid 1px #e5e5e5;
    .fixed-box{
        width: 56px;
        height: 140px;
        margin: 0  auto;
        li{
            width: 56px;;
            height: 70px;
            .automatic-box::after{
                    content: "";
              display: block;
              width: 0;
              height: 0;
            border-style: solid;
           border-width: 12px 0px 12px 12px;
            border-color: transparent transparent transparent #fff;
                 position: absolute;
            z-index: 1;
          right: -12px;
          top: 14px;
         
         }
             .automatic-box{
                 display:none ;
                 top: 0;
                 left: -360px;
                 position: absolute;
                 width: 340px;
                 height: 188px;
                 background-color: #fff;
                 border-radius: 0.4cm;
                 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
                 transition: width 0.3s;
                 .toget-box{
                     position: relative;
                     left: 340px;
                     top: -158px;
                     width: 20px;
                     height: 188px;
                 }
                   span{
                       display: block;
                       margin-top: 40px;
                       margin-left: 30px;
                   }
                     .luck-box{
                         
                        .review-box{           
                            color: #6F6F6F;
                            font-size: 16px;
                            margin-top: 30px;
                        }
                        a{
                            display: block;
                          margin-left: 75px;
                          color: #4587E8;
                          font-size: 12px;
                          margin-top: -15px;
                        }
                     }
                    .memory-box{
                        margin-top: 20px;
                        margin-left: 30px;
                          .transshipment{
                              font-size: 30px;
                              font-weight: bold;
                              color: #EA5839;
                              margin-top: -30px;
                              margin-left: 40px;
                          }
                    }
             }
              a:hover{
                  color: red;
              }
             a{
                 display: block;
                 width: 100%;
                 height: 100%;
                 text-align: center;
                 line-height: 20px;
                 color: #666666;
                 font-size: 13px;
                 span{
                     margin-top: 10px;
                     display: inline-flex;
                     width: 24px;
                     height: 24px;
                     background-image: url(../img/31/nav_icon_3.png);
                     background-size: 100% 100%;
                 }
             }
        }
    }
}

// 设置聊天客服样式
.chat-box{
    position: relative;
    width: 75px;
    height: 75px;
 background-color: #4285F4;
    position: fixed;
    margin: 0  auto;
    top: 46%;
    right: 0;
    border-radius: 10px;
    text-align: center;
         .tu-jfbox{
             margin:0 auto;
             width: 15px;
             height: 15px;
             position: relative;
             top: 20px;
            background-image: url(../img/31/chat.png);
            background-size: 100% 100%;
         }
         a{
           width: 75px;
           height: 75px;
             display: block;
             color: #fff;
             font-size: 15px;
            
             span{
               line-height: 65px;
             }
         }
}
.Liquid-level{ 
    // display: none;
    position: relative;
    width: 340px;
    height: 460px;
 background-color: #F2F2F2;
    position: fixed;
    margin: 0  auto;
    top: 30%;
    right: 2%;
    border: 1px solid #DDDDDD;
    border-top: none;
    .Office-lady{
        width: 340px;
        height: 140px;
        background-color: #fff;
        margin-top: 105px;
        border-top: 1px solid #DDDDDD;
  .synthetic-logo{
      width: 340px;
      height: 19PX;
      margin-top: 5px;
     
      a{
          margin: 0 3px;
      }
      .xiaolian-box{
          margin-left: 10px;
          float: left;
          display: block;
          width: 16px;
          height: 16px;
          background-image: url(../img/32/emotion.png);
          background-size: 100% 100%;
      }
      .the-layer{
          float: left;
        display: block;
        width: 19px;
        height: 16px;
        background-image: url(../img/32/uploadImg.png);
        background-size: 100% 100%;
      }
      .folder-box{
        float: left;
        display: block;
        width: 19px;
        height: 16px;
        background-image: url(../img/32/upload.png);
        background-size: 100% 100%;
      }
      .stars-logo{
        float: left;
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(../img/32/Evaluation.png);
        background-size: 100% 100%;
      }

  }
     
        .knife-box{
            outline:none;
                width: 327px;    
                height: 77px;
                margin-top: 26px;
                border: none;
              
        }
          .send-box{
             position: relative;
              width: 329px;
              height: 19px;
              margin-top: 105px;
              a{float: right;
            
                  display: block;
                  width: 43px;
                  height: 29px;
                  background-color: #4285F4;
                  text-align: center;
                  border-radius: 0.4ch;
                  margin-top: -131px;
                  span{
                    display: inline-block;
                    color: #fff;
                    font-size: 14px;
                    line-height: 28px;
                  }
              }
          }
    }
    #demo{
        display: block;
        margin-top: 30px;
        margin-left: 80px;
    }
    #eonde{
        display: block;
        margin-left: 50px;
    }
    .imhgs-box{
        width: 26px;
        height: 26px;
        position: relative;
        top: 145px;
        left: 10px;
        background-image: url(../img/31/default1.png);
        background-size: 100% 100%;
    }
    .levelof-box::after{
        z-index: -1;
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;   
        top: 7px;
        left: -4px;
        transform: rotate(45deg);
    }
    .levelof-box{
        position: relative;
        width: 258px;
        height: 57px;
        background-color: #fff;
        margin-left: 50px;
        border-radius: 0.4ch;
        margin-top: 10px;
        span{
           display: inline-block;
           margin-top: 11px;
           line-height: 20px;
           color: #666666;
           font-size: 14px;
           margin-left: 10px;
        }
    }
    .therobot-box{
        display: block;
        margin-top: 15px;
        margin-left: 70px;
    }
    .progress-box{
        width: 340px;
        height: 54px;
        background-color: #4285F4;
        .Xray-images{
            display: block;
            width: 16px;
            height: 16px;
            float: right;
           margin-top: -8px;
           margin-right: 13px;
           cursor: pointer;
           background-image: url(../img/31/small.png);
           background-size: 100% 100%;
        }
          span{
              color: #fff;
              line-height: 54px;
              float: left;
              margin-left: 10px;
          }
           .conversation-box{
            display: block;
            float: left;
            line-height: 54px;
            color: #fff;
            margin-left: 5px;
            width: 68px;
            height: 23px;
            margin-top: 14px;
           border: 1px solid #fff;
           border-radius: 0.4ch;
             
           span{
            margin-left: 6px;
            margin-top: -16px;
            font-size: 14px;
        }
           }
           .zhuanre-box{
               display: block;
               float: left;
               line-height: 54px;
               color: #fff;
               margin-left: 30px;
               width: 54px;
               height: 23px;
               margin-top: 14px;
              border: 1px solid #fff;
              border-radius: 0.4ch;
                span{
                    margin-left: 7px;
                    margin-top: -16px;
                    font-size: 14px;
                }
           }
    }
}

.yijian-box{
    z-index: 111155;
    width: 100%;
    height: 105px;
    position: fixed;
    margin: 0  auto;
   bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    .close-icon{
        width: 35px;
        height: 35px;
        float: right;
        margin-top: -120px;
      margin-right: 270px;
      cursor: pointer;
      position: relative;
    }
     .middleof-framework{
         width: 1159px;
         height: 125px;
         margin: 0 auto;
         position: relative;
         line-height: 125px;
         left: -20px;
         .requirements{
            position: relative;
            top: -40px;
         }
         a{
             margin-top: 30px;
             display: block;
             float: right;
             width: 205px;
             height: 54px;
             background-color: #f44c1b;
             line-height: 54px;
             color: #fff;
             font-size: 25px;
             font-weight: bold;
             text-align: center;
         }
     }
}
.free-container{
    display: none;
    width: 226px;
    height: 125px;
    position: fixed;
    bottom: 0;
      a{
          img{
              display: inline-block;
              margin-top: 20px;
          }
      }
}

// 设置流动弹窗导航样式
.popup-window{
    display: none;
  background-color: #fff;
    width: 57px;
    height: 455px;
    position: fixed;
    top: 15%;
    left: 47.6%;
    margin: 0 0 0 -665px;
    box-shadow: 0px 0px 15px 0px rgba(7, 0, 2, 0.05);
    border-radius: 8px;
    .life-box{
        li{
            width: 57px;
            height: 58px;
            text-align: center;
             .juzhong-bc{
                 width: 41px;
                 height: 57px;
                 margin-left: 8px;
                 border-bottom: 1px solid #F2F2F2;
                 a:hover{
                     color: red;
                 }
                 a{
                    display: inline-block;
                    margin-top: 10px;
                    font-size: 14px;
                    color: #666666;
                    line-height: 18px;
                 }
             }
        }
    }
}